@charset "gbk";
/* CSS Reset*/
html { font-family: "ź", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size:1.4rem; line-height: 20px; color: #000; background-color: #fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
outline: none;
}
input,textarea,button { border: 0; margin: 0; padding: 0; font-family:"ź", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; }
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance : none ;
-moz-appearance : none ;
-moz-border-radius : 0;
-webkit-border-radius : 0 ;
border-radius: 0;
}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/*Reset End*/
.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fb{font-weight: bold}
.tc{text-align: center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.hide { display: none; }
* html .clearfix{height: 1%;}
.fixed {position: fixed}
html { width: 100%; height: 100%;}
a {transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}
.case_list ul li .case_list_bg ,.case_list ul li h3,.services_list ul li,.message_b input{
transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}
/*-- 头部èœå?--*/
.head {top: 0px;left: 0px;width: 100%;height: 57px;padding-top: 10px;border-bottom: 1px solid rgba(48, 48, 48,0.14); z-index:99; background: url(../images/bg_black.png) repeat;}
.head .head_content { height: 57px; margin: 0 auto;max-width: 1200px; position: relative;}
.head .logo {height: 50px; width: 354px;}
.head .logo img { width: 100%; height: auto;}
.header_bg { width: 100%; height: 100%; position: relative;}
.login_box { width: 52%;height: 57px; }
#header_menu,#header_menu ul,#header_menu ul li,#header_menu ul li a,#header_menu #menu-button{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header_menu:after,#header_menu > ul:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#header_menu #menu-button{display: none;}
#header_menu{width: auto; line-height: 1;}
#menu-line{position: absolute; bottom: 0; left: 0; height: 2px; background: #fff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
#header_menu > ul > li{float: left;}
#header_menu.align-center > ul{font-size: 0; text-align: center;}
#header_menu.align-center > ul > li{display: inline-block; float: none;}
#header_menu.align-center ul ul{text-align: left;}
#header_menu.align-right > ul > li{float: right;}
#header_menu.align-right ul ul{text-align: right;}
#header_menu > ul > li > a{padding: 10px 15px 20px;font-size: 14px; text-decoration: none; text-transform: uppercase; color: #fff; }
#header_menu > ul > li.has-sub:hover > a::after{border-color: #009ae1;}
#header_menu ul ul{position: absolute; left: -9999px; margin-left: -30px;}
#header_menu li:hover > ul{left: auto;}
#header_menu.align-right li:hover > ul{right: 0;}
#header_menu ul ul ul{margin-left: 100%; top: 0;}
#header_menu.align-right ul ul ul{margin-left: 0; margin-right: 100%;}
#header_menu ul ul li{height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
#header_menu ul li:hover > ul > li{height: 32px;}
#header_menu ul ul li a{padding: 10px; text-align: center; width: 140px; font-size: 14px; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); color: #dddddd; }
#header_menu ul ul li:hover > a,#header_menu ul ul li a:hover{color: #ffffff;}
/*-- header --*/
.section { text-align: center; color: #A7A7A7; width: 100%; overflow: hidden;}
.section1 { width: 100%; height: 100%;}
.swiper-wrapper .swiper-slide { background-size: cover;}
.header_bg .swiper-slide {position: relative;}
.banner_01{background:url("../images/banner_1.jpg") no-repeat center ;}
.banner_02{background:url("../images/banner_2.jpg") no-repeat center ;}
.banner_03{background:url("../images/banner_3.jpg") no-repeat center ;}
.banner {height: 240px;margin: -120px auto 0;overflow: hidden;width: 100%; position: absolute; top:50%;z-index: 999; color:#FFF}
.banner p { font-size: 24px; line-height: 60px; position: relative;}
.banner h3 { font-size: 42px; line-height: 50px; font-weight: 500;position: relative;}
.banner a { display: block;border: 1px solid #dd1215; width: 130px; height: 40px; margin: 20px auto; background: #dd1215; color: #fff;line-height: 40px;letter-spacing: 5px; font-size: 14px; position: relative;}
.banner a:hover { background: none; border: 1px solid #dd1215; color: #dd1215;}
.godown{position: absolute;left: 50%;bottom: 20px;z-index: 100;width: 50px;height: 53px;margin-left: -25px;}
.godown span{display: block;width: 50px;height: 53px;background-image: url(../images/godown.png);}
.godown span{-webkit-animation: fade 3s infinite linear;animation: fade 3s infinite linear;}
#main {margin: 0 auto;max-width: 1000px; width:100%; position: relative;height: auto;overflow: hidden;}
.place3 {float: left;width:100%;height: 45px;line-height: 30px;color: #E0E0E0;padding-left: 5px;}
.place3 strong {color: #E0E0E0;}
.place3 a {color: #E0E0E0;}
#article .viewbox {float: left;}
.content2 {clear: both;float: left;width: 100%;height: auto;margin-top: 0px;}
.content2 img {width:100% !important;height:auto !important;display: block;margin: 0 auto;}
.context2 {width: 100%;float: left;margin-top: 0px;padding-bottom: 20px;background: #fff;}
.context2 li {line-height: 30px;background: #f4f4f4;margin: 3px auto;padding-left: 8px;color: #999;width: 97%;}
.context2 li a {color: #999;}
#slogan2 {float: left;width: 100%;height: auto;margin-top: 20px;border-bottom: 1px #CCC dashed;}
#slogan2 ul {float: left;}
#slogan2 ul li.bs2 {color: #808085;background: #000;color: #FFF;}
#slogan2 ul li {float: left;height: 30px;line-height: 30px;padding: 0 10px;margin-right: 10px;background: #CCC;}
#slogan2 ul li a {color: #808085;}
#caseright {float: left;height: auto;width: 100%;overflow: hidden;}
.d4 {float: left;width: 100%;height: auto;margin-top: 12px;overflow: hidden;display: block;}
.d4 li {float: left;width: 33.3%;border-bottom: 1px #CCC dashed;overflow: hidden;padding: 20px 0;}
.d4 li img {float: left;display: inline;width: 98%;height: auto;}
.d4 li span.title_time {float: left;width: 230px;}
.d4 li span.title {float: left;width: 210px;height: 25px;font-size: 14px;overflow: hidden;margin-top: 5px;padding-left: 8px;padding-right: 8px;line-height: 25px;font-weight: bolder;}
.d4 li span.hangye {float: left;width: 210px;height: 45px;font-size: 13px;overflow: hidden;margin-top: 5px;padding-left: 8px;padding-right: 8px;line-height: 45px;}
.d4 li span.more {float: left;font-size: 9px;margin-top: 15px;background: #888888;color: #FFF;text-align: center;margin-left: 8px;height: 12px;line-height: 12px;padding: 3px 10px;}
.d4 li span.more a {color: #FFF;font-size: 9px;font-family: Arial, Helvetica, sans-serif;}
.resultlist ul li{padding: 15px 0;
line-height: 31px; border-bottom:1px dashed #CECECE}
.resultlist ul li p{ color:#999}
#news{ width:90%; max-width:1100px; margin:20px auto;line-height: 35px;}
#news p{ margin:20px 0; text-indent: 2em;}
#news .biaoti{width:100%; max-width:1200px; text-align:center; height:60px; line-height:60px;}
@-webkit-keyframes fade {
0% { opacity: 1;}
50% { opacity: 0.2;}
100% { opacity: 1;}
}
@keyframes fade {
0% { opacity: 1;}
50% { opacity: 0.2;}
100% { opacity: 1;}
}
/*-- services --*/
.section2 { background:url(../images/page02.jpg) 50%; background-size: cover;}
.services_txt {position: relative; top: -25%; opacity: 0; filter:alpha(Opacity=0); color:#FFF}
.services_txt h3 { font-size: 48px; color: #fff; font-family: Arial; font-weight: 500; line-height: 50px; text-transform:uppercase ; background:url(../images/icon01.png) center bottom no-repeat; padding:0 0 15px; }
.services_txt h3 span { font-size: 32px; font-weight: bolder;}
.services_txt p { font-size: 14px; margin: 30px auto 70px; line-height: 24px; max-width: 590px; }
.services_list { margin: 0 auto;max-width: 1000px;position: relative; bottom: -25%;opacity: 0; filter:alpha(Opacity=0);}
.services_list ul li { float: left; width: 23%; padding: 0 1%; }
.services_list ul li a { color: #fff; display: block; }
.services_list ul li h3 { margin: 20px 0; line-height: 24px;}
.services_list ul li h3 span { font-weight: 500; text-transform:uppercase ;}
.services_list ul li p { font-size: 14px;line-height: 24px; }
.services_list ul li a:hover { margin-top: -20px; cursor: pointer; }
/*-- case --*/
.section3 { background:url(../images/page03.jpg) 50%;background-size: cover;}
.case_txt { color: #474747; }
.case_txt h3 { background:url(../images/icon06.png) center bottom no-repeat; color: #000;}
.case_list { width: 100%; margin: 0 auto;position: relative; bottom: -40%;opacity: 0;font-size: 0;line-height: 0; filter:alpha(Opacity=0);text-align: center;height: 436px;overflow: hidden;}
.case_list ul li { display: inline-block; width:300px;height: 208px;margin:0 5px 10px; position: relative;overflow: hidden; cursor: pointer;}
.case_list ul li img { width: 100%; height: auto; max-height: 212px; }
.hot_info h3 { position: absolute;left: 10%;top: 40%;width: 80%;text-align: center;color: #fff; line-height: 30px; font-weight: 500;font-size: 16px;}
.hot_info {position:absolute;background:rgba(0, 170, 250, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B200aafa,endColorstr=#B200aafa);width:100%;height:100%}
/*-- customer --*/
.section4 { background:url(../images/page04.jpg) 50%;}
.customer_txt { top: 0;opacity: 0; filter:alpha(Opacity=0);}
.customer_list { max-width: 1000px; width: 70%; margin: 30px auto 0; opacity: 0; filter:alpha(Opacity=0);}
.customer_list ul li { float: left; width: 16.6%; margin-bottom: 15px; max-height: 74px; }
.customer_list ul li img { width: 80%; max-height: 74px; height: auto; }
.customer_list ul li img {transition: all 0.2s ease-out 0s;
-moz-transition: all 0.52s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;}
.customer_list ul li:hover img { }
.section5 { background:url(../images/page05.jpg) 50%;}
/*-- contant --*/
.contact_txt {color: #524e4e; opacity: 0; filter:alpha(Opacity=0);}
.contact_txt h3 span { font-size: 32px; text-transform:uppercase ; font-family:"ź"}
.contact_txt h3 {font-size: 48px;font-family: Arial;font-weight: 500;line-height: 50px;text-transform: uppercase;background: url(../images/icon06.png) center bottom no-repeat;padding: 0 0 15px;}
.contact_txt p { font-size: 14px; margin: 30px auto 70px; line-height: 24px; color: #292929; max-width: 550px;}
.message { max-width: 1000px; margin: 30px auto 0; opacity: 0; filter:alpha(Opacity=0);}
.message_a { width: 47%; float: left; margin-left: 1%;}
.message_a p, .message_b p{ font-size: 14px; color: #000; text-align: left; line-height: 35px;}
.message_a p span,.message_b p span { color: #dd1215; margin-left: 10px; font-size: 14px;}
.message_a input { width: 96%; border: 1px solid #dcdee0; padding: 10px 2%; color: #666;}
.message_b {width: 47%; float: right; margin-right: 1%;}
.message_b textarea { width: 96%; border: 1px solid #dcdee0; padding: 10px 2%; color: #666; height: 170px;}
.message_b input { float: right; background: #dd1215; padding: 12px 35px; font-size: 16px; color: #fff; cursor: pointer; margin-top: 20px; border:1px solid #dd1215; -webkit-appearance:none ;}
.message_a input:focus, .message_b textarea:focus {border:1px solid #dd1215; background: #f9f9f9;}
.message_b input:hover { background:none; color: #dd1215; }
/*-- footer --*/
.section6 { color: #A7A7A7; width: 100%; overflow: hidden;background: #141b23;}
.footer_a { width: 100%; max-width: 1000px;margin: 0 auto; }
.footer_z { color: #A7A7A7; float: left; text-align: left; padding: 40px 0 30px; font-size: 14px; }
.footer_z a { color: #A7A7A7; }
.footer_z a:hover { opacity: 0.7; filter:alpha(Opacity=70); }
.footer_a2 dd { height: 30px; }
.footer_a2 dd a:hover { margin-left: 15px; }
.footer_a2 span { padding: 15px 7px; margin-right: 15px; background: url(../images/icon08.png) center no-repeat; }
.footer_z dt { margin-bottom: 20px; color: #fff; font-size: 18px; }
.footer_z dt a { color: #fff; font-size: 18px; }
.footer_z dd a { font-size: 14px; line-height: 30px; }
.footer_a3 dd { line-height: 30px; }
.footer_a4 dd img { width: 100%; height:auto; }
.footer_a1 { width: 20% }
.footer_a2 { width: 38% }
.footer_a3 { width: 32% }
.footer_a4 { width: 10% }
.footer_b { width: 100%; background: #0b1016; padding: 30px 0; }
.footer_b a{ color:#A7A7A7}
.footer_b .links { color:#333}
.footer_b .links a{ color:#333}
/*-- 侧边è”ç³?--*/
#leftsead{width:161px;height:290px;position:fixed;bottom:20%;right:0px; z-index:100;}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
/*-- 内页about --*/
.width { margin: 0 auto;max-width: 1200px; position: relative;}
.hidden_bi { display: none; }
.hidden_sm { display: block; }
.page_head {width: 100%;height: 70px;padding-top: 20px;background: #fdfdfd; border-bottom:none; position: relative;}
.page_head .head_content #header_menu > ul > li > a { color: #010101; }
.page_head .head_content #menu-line{background-color: #010101;}
#header_menu ul ul li {z-index: 999; }
.p1 { width: 100%; position: relative;}
.p1_bg_1 { width: 100%; height: 370px; overflow: hidden; background: url(../images/page_p1_b.jpg) center no-repeat; }
.p2 { width: 100%; position: relative; background: #fcfcfc;padding: 50px 0;}
.page_title { width: 100%; height: auto;}
.p_bg {width: 100%; height: 370px; height: 40px; overflow: hidden;}
.p2_bg_1 { background: url(../images/title_p2_b.png) center no-repeat; }
.p2_one {width: 100%;}
.p2_one_l { width: 30%; }
.p2_one_l img {width: 100%; height: auto;}
.p2_one_r { width: 70%; margin-top: 50px; }
.p2_one_r_txt {color: #5d5d5d; font-size: 16px; line-height: 30px;}
.p2_one_r_txt span { color:#ff934a; font-size: 18px; }
.p2_one_r_thr {width: 100%; margin-top: 50px;}
.p2_one_r_thr ul li {float: left; width: 32%; height: 70px; background: #95C0D3; text-align: center; line-height: 70px; font-weight: 400; color: #fff;font-size: 26px;margin-right: 2%}
.p2_one_r_thr ul li span { font-size: 16px; font-weight: normal; padding-left: 5px; }
.p2_color01 {background-color: #a1dff9}.p2_color02 {background-color: #8cd949}.p2_color03 {background-color: #ff934a}.p2_color04 {background-color: #ffe764}.p2_color05 {background-color: #4299e2}.p2_color06 {background-color: #e86fd0}
.p2_two {width:100%;height:300px;margin-top: 40px;}
.p2_two_con{cursor:pointer;display:inline;width:15.8333%; margin-right: 1%;height:300px;float:left;overflow:hidden;position:relative;}
.con_box{display:none;width:100%;height:300px;background:#f1f1f2;position:absolute;left:0px;top:0px;z-index:19;}
.p2_two_con .pic1{width:100%;height:125px;text-align:center;position:absolute;top:40px;right:0; z-index:99;}
.p2_two_con .pic2{width:100%;height:125px;text-align:center;position:absolute;top:40px;left:-100%; z-index:99;}
.p2_two_con .txt1{width:100%;height:100px;color:#999999;position:absolute;top:175px;left:0px;z-index:99;}
.p2_two_con .txt2{width:100%;height:100px;color:#a9cf4f;position:absolute;top:175px;right:-100%;z-index:99;}
.p2_two_con span.tit{font-size:20px;display:block;text-align:center;}
.p2_two_con .txt1 .tit{color:#fffefe;line-height:40px;border-bottom:2px solid rgba(233, 233, 233,0.5);}
.p2_two_con .txt1 p { color: #fff;}
.p2_two_con .txt2 .tit{color:#737373;line-height:40px;border-bottom:2px solid rgba(255, 255, 255,0.8);}
.p2_two_con .txt2 p { color: #7e7e7e;}
.p2_two_con p{padding:0 5%;text-align:left;line-height:24px;font-size:12px; margin-top: 10px;}
.p3 {width: 100%; position: relative; background:url(../images/p3_bg.jpg) no-repeat ;overflow: hidden; max-height: 487px;background-size: cover;background-attachment: fixed;background-position: center center;}
.p3 .page_title { margin-top: 50px; }
.p3_bg_1 { background: url(../images/title_p3_b.png) center no-repeat; }
.p3_one { width: 100%; }
.p3_one_l { width: 30%; margin-top: 35px; margin-right: 3%;overflow: hidden;}
.p3_one_l img {width: 100%; height: auto;}
.p3_one_r { width: 53%;margin-top: 90px;}
.p3_one_r h3 { color: #fff; font-size: 37px; font-weight: 400; line-height: 40px;padding-bottom: 20px;}
.p3_one_r p { color:#fefefe; font-size: 17px; line-height: 40px; }
.p4 {width: 100%; position: relative; background:#fff ;overflow: hidden; max-height: 487px;}
.p4 .page_title { margin-top: 50px; }
.p4_bg_1 {background: url(../images/title_p4_b.png) center no-repeat;}
.p4_one {width: 100%; padding-bottom: 34px;}
.p4_one_l { width: 64%; margin-top: 80px; font-size: 17px; color: #545454; line-height: 40px; margin-right:3%; }
.p4_one_r { width: 33%; margin-top: 10px; }
.p4_one_r img {width: 100%; height: auto;}
.p5 {width: 100%; position: relative; background:url(../images/p5_bg.jpg) no-repeat ;overflow: hidden; max-height: 740px;background-size: cover;background-attachment: fixed;background-position: center center; }
.p5 .page_title { margin-top: 50px; }
.p5_bg_1 { background: url(../images/title_p5_b.png) center no-repeat; }
.p5_one { width: 100%; }
.p5_one_l { width: 30%; margin-top: 25px; margin-right: 3%;overflow: hidden;}
.p5_one_l img {width: 100%; height: auto;}
.p5_one_r { width: 67%;margin-top: 40px;}
.p5_one_r h3 { color: #fff; font-size: 30px; font-weight: 400; line-height: 40px;padding-bottom: 10px;}
.p5_one_r p { color:#fefefe; font-size: 15px; line-height: 30px; }
.p6 {width: 100%; position: relative; background:#fff ;overflow: hidden; max-height: 787px;}
.p6 .page_title { margin-top: 50px; }
.p6_bg_1 {background: url(../images/title_p6_b.png) center no-repeat;}
.p6_one {width: 100%; padding-bottom: 34px;}
.p6_one_l { width: 68%; margin-top: 30px; font-size: 14px; color: #545454; line-height: 32px; margin-right:0%; font-family:"" }
.p6_one_l p{text-indent:2em;}
.p6_one_r { width: 32%; margin-top: 10px; }
.p6_one_r img {width: 100%; height: auto;}
.p7 {width: 100%; position: relative; background:#fcfcfc ;overflow: hidden; padding-bottom:20px;}
.p7 .page_title { margin-top: 50px; padding-bottom:20px }
.p7_bg_1 {background: url(../images/title_p7_b.png) center no-repeat;}
.p7 .page_pp{width: 96%;overflow: hidden; text-align:center;margin: 0 auto;}
.p7 .page_pp img {width: 100%; height: auto;}
.p8_bg_1 { width: 100%; height: 370px; overflow: hidden; background: url(../images/page_p8_b.jpg) center no-repeat; }
.p8_bg_2 {background: url(../images/title_p8_b.png) center no-repeat;}
.p9_bg_1 { width: 100%; height: 370px; overflow: hidden; background: url(../images/page_p9_b.jpg) center no-repeat; }
.p9_bg_2 {background: url(../images/title_p9_b.png) center no-repeat;}
.news {background-color: #1d2732;padding-bottom: 0; width:100%;padding: 45px 0 25px 0;overflow: hidden;}
.news2 { width: 100%; max-width: 1000px;margin: 0 auto; }
.news_z {color: #A7A7A7;float: left;text-align: left;padding: 20px 0 20px;font-size: 14px;width: 32%;border: solid 1px #2C2C2C;margin: 0 5px;background: #212b38;}
.news_z a { color: #A7A7A7; }
.news_z a:hover { opacity: 0.7; filter:alpha(Opacity=70); }
.news_a dd { height: 30px; }
.news_a dd a:hover { margin-left: 15px; }
.news_a span {padding: 15px 7px;margin-right: 15px;margin-left: 15px;background: url(../images/icon08.png) center no-repeat; }
.news_z dt { margin-bottom: 20px;color: #fff;font-size: 18px;padding-left: 20px;}
.news_z dt a { color: #fff; font-size: 18px; }
.news_z dd a { font-size: 14px; line-height: 30px;}
/*.container {width: 100%;max-width: 1100px;margin: 0 auto;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;overflow:hidden}
.row {margin-right: -15px;margin-left: -15px;}
.news .news_con{width: 30.3%; float:left;position: relative;min-height: 1px;overflow:hidden;padding-left: 3%;}
.news h3 {font-size: 16px;font-weight: bold;color: #000;padding: 0 0 30px 0;margin: 0;}
.news h3 span{ width:60px; text-align:center; float:right;font-size: 12px;}
.news h3 span a{color: #69c;text-decoration: none;}
.news h3 span a:hover{ color:#FA751C}
.news ul li {line-height: 28px;}
.news ul li a {color: #666;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;float: left;}
.news ul li a:hover {
color: #69c;
}
.news ul li small {color: #999;padding-right: 15px;}
.pull-right {float: right!important;}
small, .small {font-size: 85%;}*/
.lianxi {background-color: #69c;width:100%;overflow: hidden;color: #FFF;display: block;padding: 32px 0px;font-size: 16px; text-align:center}
.lianxi a{ color:#FFF}
/*-- 内页about 7.13 --*/
/*-- case_list --*/
.c1 { width: 100%; height: 330px; overflow: hidden; background: url(../images/list_c1_b.jpg) center no-repeat; text-align: center; color: #f5f5f5; font-size: 36px; font-weight: 400; line-height: 330px;}
.c2 { width: 100%; background-color: #f5f5f5;padding: 50px 0; }
.c2_bg_1 { background: url(../images/title_c2_b.png) center no-repeat; }
.c2_case_list { max-width: 1200px; width: 100%; position: relative; margin-top: 45px;}
.c2_case_list ul li { float:left; width: 32%;margin-right: 2%; margin-bottom: 20px; position: relative;overflow: hidden; cursor: pointer; background-color: #fff;}
.c2_case_list ul li img { width: 94%; height: auto; max-height: 255px; padding:3% }
.c2_case_list .hot_info h3 { position: absolute;left: 10%;top: 40%;width: 80%;text-align: center;color: #fff; line-height: 30px; font-weight: 500;font-size: 16px;}
.c2_case_list .hot_info {position:absolute;background:rgba(0, 170, 250, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B200aafa,endColorstr=#B200aafa);width:100%;height:100%}
.con_c1_bg_1 {background: url(../images/con_c1_b.jpg) center no-repeat; height: 278px;overflow: hidden;width: 100%;}
.con_c2 { width:100%; background: #fff; }
.con_c2 ul { padding:15px 0.5%; }
.con_c2 ul li { float: left; width:16.6%; text-align: center;padding: 15px 0; }
.con_c2 ul li a { color: #4a3d3d; font-size: 18px; }
.con_c2 ul li a:hover { color: #dd1215; }
.con_c3 { background: #fff; width: 100%; padding-top: 40px;}
.color_a,.color_a a {color: #8CBE13}
.color_a i {background:#b1d067;}
.con_c3_p {width: 94%; padding:0 3%;}
.con_c3_title { border-bottom:1px solid #d4d4d4; padding-bottom: 15px;}
.con_c3_t_l { color: #8CBE13 }
.con_c3_t_l i { display:inline-block;*display:inline; padding:10px 2.5px;}
.con_c3_t_l em {display:inline-block;*display:inline; font-style:normal; font-size:18px; margin-left: 20px;font-weight: 400;}
.con_c3_t_l span {display:inline-block;*display:inline; font-size:14px; font-family: "Arial"; margin-left: 20px;}
.con_c3_t_r { font-size: 16px; font-weight: 400; padding-right:10px}
.con_c3_t_r a:hover { text-decoration:underline; }
.con_c3_con { padding: 25px 0 30px; }
.con_c3_c_l { width: 30%; margin-right:0;}
.con_c3_c_l img { width: 100%; display: block; height: 273px; }
.con_c3_c_r { width: 69.5%; padding: 0; }
.con_c3_bg_a { background: #F9FFEA;}
.con_c3_c_r ul li { padding: 0 3% 0 2%;width: 95%;height: 37px;line-height: 37px;overflow: hidden;border-bottom: dashed 1px #D6D6D6;border-top: dashed 1px #FFFFFF;}
.con_c3_c_r ul li a { font-size: 14px;color: #424242;float: left;height: 32px;width: 80%; }
.con_c3_c_r ul li a:hover { margin-left: 15px; color: #0AADC4;}
.con_c3_c_r ul li span { margin:15px 15px 0 0; background: #323232; width: 4px; height: 4px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display: block; float: left;}
.con_c3_c_r ul li em { float: right; font-style: normal; color:#A0A0A0; font-size: 12px;display: block; }
.color_b,.color_b a {color: #fea201}
.color_b i {background:#fea201;}
.con_c3_bg_b { background:#FDF4E4;}
.color_c,.color_c a {color: #44bae6}
.color_c i {background:#44bae6;}
.con_c3_bg_c { background: #E2F5FC;}
.color_d,.color_d a {color: #eb0122}
.color_d i {background:#eb0122;}
.con_c3_bg_d { background: #FFE7EA;}
.color_e,.color_e a {color: #9c00be}
.color_e i {background:#9c00be;}
.con_c3_bg_e { background: #F5E8F8;}
.color_f,.color_f a {color: #3d732c}
.color_f i {background:#3d732c;}
.con_c3_bg_f { background:#E4F1E1;}
.con_c4 {background-color: #f7f7f7;border-bottom: 1px solid #ededed; color:#666}
.con_c4_l {padding: 20px 0;}
.con_c4_l a { color:#888; font-size: 14px;}
.con_c4_l a:hover { text-decoration: underline; }
.con_c4_r { position: relative;z-index:4;}
.con_c4_r_a {background-color: #444;border-color: #327fcb;color: #fff; display: block; padding: 20px; font-size: 14px;}
.con_c4_r_a:hover { background: #222}
.con_c4_r ul { position: absolute; z-index: 999;background-clip: padding-box;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C86699cc,endColorstr=#C86699cc); background-color: rgba(82, 82, 82, 0.9);;border-radius: 0 0 8px 8px;border-width: 0;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);display: none;float: left;font-size: 14px;left: 0;list-style: outside none none; margin: 0 0 0;min-width: 92px;padding: 10px 0;top: 100%; }
.con_c4_r ul li {text-align: center; padding:5px 0; }
.con_c4_r ul li a { color: #fff; font-size: 14px; }
.con_c4_r ul li a:hover { color: #FF0; }
.caret {border-left: 4px solid transparent; border-right: 4px solid transparent;border-top: 4px solid;display: inline-block;height: 0;margin-left: 2px;vertical-align: middle;width: 0;}
.con_c5 { position: relative;}
.con_c5_title { padding-top: 40px; }
.con_c5_t_l { width: 75%; font-size: 18px;font-weight: 600; padding-bottom: 20px; border-bottom:1px solid #ededed; color: #333;}
.con_c5_t_r { width: 23%; position: relative; margin-left: 2%}
.key {background-color: #fff;border: 1px solid #e0e0e0; border-radius: 0; color: #666;height: 40px;vertical-align: middle;width: 100%; text-indent: 15px;}
.sub {background:#fff url("../images/input-bg.png") center no-repeat;overflow: hidden;text-indent: -999px;border: 1px solid #e0e0e0;border-radius: 0;color: #fff;height: 42px;position: absolute;right: -2px;text-align: center;top: 0;vertical-align: middle;width: 40px; cursor:pointer}
.con_c5_con { width: 100%; padding: 40px 0 20px;}
.con_c5_c_a { width: 48%;border-bottom: 1px solid #ededed;margin: 15px 4% 20px 0;padding-bottom: 30px;}
.con_c5_c_link { position: relative;display: block;}
.case-hover { background: url("../images/bg_black.png") repeat;cursor: pointer;display: block;height: 100%;opacity: 0;filter:alpha(Opacity=0);position: absolute;transition: all 0.3s linear 0s;width: 100%; z-index: 96;}
.hover-link {display: block;height: 44px;left: 50%;margin-left: -22px;margin-top: -22px;position: absolute;top: 50%;width: 44px;}
.case-hover:hover { opacity: 1;filter:alpha(Opacity=100); }
.case-hover:hover .hover-link {background: url("../images/hover-link.png") no-repeat center;}
.con_c5_c_link img {width: 220px;height: 160px;}
.con_c5_c_a a.con_c5_c_link { margin-right: 20px;}
.con_c5_c_a h4 { font-size: 16px; margin: 0 0 10px; font-weight: 400;}
.con_c5_c_a h4 a,.con_c5_c_a p span.lm a{color: #4299e2}
.con_c5_c_a p span.lm a:hover { text-decoration: underline; }
.con_c5_c_a h4 a:hover { color: #dd1215 }
.con_c5_c_a p {margin: 0 0 5px; color: #666; line-height: 30px; font-size: 14px;}
.con_c5_c_a p span { background-repeat: no-repeat;color: #999; font-size: 12px; font-style: italic; height: 18px; margin-right: 10px;padding-left: 28px; width: 22px;}
.con_c5_c_a p span.lm {background-image: url("../images/ny-news-bg.png");background-position: 0 0;}
.con_c5_c_a p span.gz { background-image: url("../images/ny-news-bg.png");background-position: 0 -20px;}
.con_c5_c_a p span.sj { background-image: url("../images/ny-news-bg.png");background-position: 0 -44px;}
.con_c6 { width: 100%; padding-top: 50px; }
.con_c6_l { width: 73%;}
.con_c6_r { width: 23%; position: relative; margin-left: 4%}
.con_c6_l_title { width: 100%; text-align: center; }
.con_c6_l_title h2 {font-size: 24px;font-weight: 500;margin-bottom: 15px; line-height: 30px;}
.con_c6_l_title p {border-bottom: 1px solid #ededed;color: #999;font-size: 12px;margin-bottom: 40px;padding-bottom: 25px;}
.con_c6_l_con {color: #666;line-height: 30px; padding-bottom: 30px; border-bottom:1px solid #ededed; }
.con_c6_l_con p { margin-bottom: 10px; }
.con_c6_l_con .text-right{ text-align: right; }
.con_c6_l_sx { text-align: center; margin-top: 40px; margin-bottom: 40px;}
.con_c6_l_sx span{background-color: #69c;padding: 12px 30px; color: #fff; font-size: 14px; margin:0 20px;display: inline-block;}
.con_c6_l_sx a {color: #fff;}
.con_c6_l_sx span:hover { background: #0a69c8; }
.con_c6_r .con_c5_t_r { width: 100%; margin-left: 0; }
.con_c6_r_a { width: 100%; }
.con_c6_r_a h3 {font-size: 18px;font-weight: 500; margin: 25px 0 15px;}
.con_c6_r_a h3 span { color: #999;font-size: 14px; padding-left: 10px;}
.con_c6_r_a ul li { line-height: 28px; }
.con_c6_r_a ul li a {display: block;float: left;font-size: 14px; color:#4299e2; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;}
.con_c6_r_a ul li span {color: #999;font-size: 12px;display: block; float:right;}
.con_c6_r_a ul li a:hover { text-decoration: underline; }
.contact_bg_1 { background: url(../images/contact_bg_b.jpg) no-repeat center; height: 332px; }
.contact01_bg_1 {background: url(../images/contact_t_bg_b.png) no-repeat center; }
.contact01 { padding: 60px 0; background: #fefefe;}
.contact01_con { background: url(../images/contact_con_bg.png) center no-repeat; height: 595px; padding-top: 200px;}
.contact01_center { cursor: pointer; width: 380px;margin:0 auto; padding: 30px 0; height: 320px; text-align: center; background: rgba(11,23,30,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20b171e,endColorstr=#B20b171e); border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.contact01_center p { color: #fff; font-size: 20px; line-height: 30px;padding: 5px 0 0; }
.contact01_center:hover { background-color:#0b171e; }
.contact01_center,.contact02_r input,.contact02_r textarea {transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}
.contact02 { width: 100%; background: url(../images/contact_sub_bg.jpg) no-repeat; padding:60px 0;background-size: cover;background-attachment: fixed;background-position: center center; }
.contact02_l { width: 50%; }
.contact02_l a {display: block;position: relative;}
.contact02_l img { width: 100%; height: auto; display: block; }
.contact02_r { width: 42%; padding:0 4%; }
.contact02_r p { font-size: 18px; color: #fff;margin-bottom: 6px; }
.contact02_r p span {padding-left: 25px; color: #fa3d37; font-size: 14px; }
.contact02_r input { height: 45px; border:none; width: 100%; background:#3E4D5E; color: #fff; text-indent: 15px; margin-bottom: 6px; font-size:18px }
.contact02_r textarea { width: 100%; height: 105px; background:#3E4D5E; color: #fff; text-indent: 15px; padding-top: 10px;font-size:18px }
.contact02_r .contact02_r_s { width: 93px; height: 38px; background: #FF9E22; text-indent: 0; text-align: center; font-size: 18px; color: #fff; margin-top: 12px; cursor: pointer; }
.contact02_r input:hover,.contact02_r textarea:hover { opacity: 0.7;filter:alpha(Opacity=70); }
.services_bg_1 { background: url(../images/services_bg_b.jpg) no-repeat center; height: 332px; }
.services01_bg_1{ background: url(../images/services_t_bg_b.png) no-repeat center; }
.services01 { padding: 60px 0; background: #fcfcfc;}
.services01_a {background: #fcfcfc url(../images/services01_bg.png) no-repeat center; padding: 40px 0 200px; margin-top: 40px;}
.ser01_p { width: 50%; height: 495px;}
.ser01_r {width: 390px; height: 390px;text-align: center; position: relative;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.ser01_r h3 { font-size: 30px; font-weight: 500; padding: 90px 0 5px; }
.ser01_r h4 {font-weight: 400; font-size: 26px; font-family:"Arial";padding:12px 0;text-transform:uppercase;}
.ser01_r p { font-size: 12px; padding-bottom: 20px; }
.ser01_r ul li { font-size: 16px; font-weight:bold; text-align: left; line-height: 30px;}
.ser01_r ul li span { padding-right: 8px; }
.ser01_p .ser01_r:hover { background-color:#fff; box-shadow: 5px 5px 3px 0px #888;-moz-box-shadow: 5px 5px 3px 0px #888;-webkit-box-shadow: 5px 5px 3px 0px #888; }
.ser01_a .ser01_r {background:url(../images/services01_a.png) no-repeat center;margin: 110px 0 0 10%; }
.ser01_a .ser01_r h3 { color: #257aa1;}
.ser01_a .ser01_r h4 {color:#96cbe4}
.ser01_a .ser01_r p { color: #61a9cc; }
.ser01_a .ser01_r ul li { color: #257aa1; padding-left: 140px; }
.ser01_b .ser01_r {background:url(../images/services01_b.png) no-repeat center;margin: 75px 0 0 16%; }
.ser01_b .ser01_r h3 { color: #6a3a8e;}
.ser01_b .ser01_r h4 {color:#c18de8}
.ser01_b .ser01_r p { color: #a163db; }
.ser01_b .ser01_r ul li { color: #8050a5; padding-left: 130px; }
.ser01_c .ser01_r {background:url(../images/services01_c.png) no-repeat center;margin: 130px 0 0 10%; }
.ser01_c .ser01_r h3 { color: #d6a82b;}
.ser01_c .ser01_r h4 {color:#d9de80}
.ser01_c .ser01_r p { color: #edbb34; }
.ser01_c .ser01_r ul li { color: #d4ac3e; padding-left: 140px; }
.ser01_d .ser01_r {background:url(../images/services01_d.png) no-repeat center;margin: 45px 0 0 16%; }
.ser01_d .ser01_r h3 { color: #34773f;}
.ser01_d .ser01_r h4 {color:#86e296}
.ser01_d .ser01_r p { color: #65b873;letter-spacing:-1px; }
.ser01_d .ser01_r ul li { color: #51a35f; padding-left: 125px;}
.process_bg_1 {background: url(../images/process_bg_b.jpg) no-repeat center; height: 332px;}
.process01 { width: 100%; }
.process01 .page_title { padding:60px 0; }
.process01_bg_1 {background: url(../images/process01_t_b.png) no-repeat center;}
.process01_a { background:url(../images/process01_a_bg.png) no-repeat top center;padding-bottom:100px; }
.pro01_a_l,.pro01_a_r { width: 50%; height: 173px;}
.pro01_a_con { width: 60%; font-size: 18px; line-height: 30px; padding-top: 30px;}
.pro01_a_l { float: left; color: #7c460c;}
.pro01_a_r { float: right;color: #fff;}
.pro01_a_l .pro01_a_con { padding-left: 5%;}
.pro01_a_r .pro01_a_con { padding-left: 34%;}
.pro01_a_step02{ margin-top: 90px; }
.pro01_a_step02 .pro01_a_con{width: 65% }
.pro01_a_step05 .pro01_a_con,.pro01_a_step07 .pro01_a_con {padding-top: 15px;}
.process02 {background: url(../images/process02_bg.jpg) no-repeat center; padding: 75px 0 100px;}
.process02_bg_1 {background: url(../images/process02_t_b.png) no-repeat center;}
.process02_a { margin-top: 65px; }
.process02_a_p { float: left; width: 18.5%; min-height: 290px;margin-right: 3.333%; padding:70px 2% 0; color: #fff; }
.process02_a_p h3 {font-size: 18px; font-weight:500;margin-bottom: 15px;}
.process02_a_p p { font-size: 14px; line-height: 30px; }
.process02_a_a { background:#4493d5 url(../images/process02_a_p_bg.png) no-repeat bottom right;}
.process02_a_b { background:#80c746 url(../images/process02_a_p_bg.png) no-repeat bottom right;}
.process02_a_c { background:#ed8d4c url(../images/process02_a_p_bg.png) no-repeat bottom right;}
.process02_a_d { background:#d96cc4 url(../images/process02_a_p_bg.png) no-repeat bottom right; margin-right: 0; }
.process02_a_p:hover {box-shadow: 0 0 10px 5px #333;-webkit-box-shadow:0 0 10px 5px #333;-moz-box-shadow:0 0 10px 5px #333;}
/*-- list_page --*/
.dede_pages { text-align:center; display:block; padding:20px 0 10px 0;}
.dede_pages ul {list-style: none; padding: 0; display: inline-block; vertical-align: bottom; margin: 0;}
.dede_pages ul li { float:left; display: inline-block;*display:inline;border:#ddd 1px solid; color:#1e50a2; font-size: 14px;margin-left:5px;margin-bottom: 10px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dede_pages ul li a { display:block; color:#1e50a2; padding:5px 10px; font-size: 14px; }
.dede_pages ul li a:hover {color:#fff; background:#353535;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dede_pages ul li.thisclass { color:#fff; background:#353535;border-color:#353535;padding: 5px 10px;}
.dede_pages ul li.thisclass a { color: #fff; }
.dede_pages ul li .pageinfo { color: #444; padding:5px 10px; display:block; }
/* 超大屏幕（大桌面显示器，大于1200px?*/
/* 中等屏幕（桌面显示器，小于等?1200px?*/
@media screen and (max-width: 1200px){
.p3_one_r { width: 67%;}
/*-- 内页about 7.13 --*/
.container {width: 100%;max-width: 960px;margin: 0 auto;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;overflow:hidden}
.con_c4{ width: 94%; padding: 0 3%; }
.con_c5 { width: 94%; padding: 0 3%; }
.con_c5_t_l { width: 65% }
.con_c5_t_r { width: 33%;}
.con_c5_c_link { display: none; }
.con_c6{ width: 94%; padding: 50px 3% 0; }
.contact01_con { background: url(../images/contact_con_bg_800.png) center no-repeat; height: 400px; padding-top: 130px;}
.contact01_center { width: 300px; height: 240px;padding: 30px 0; }
.contact01_center p { font-size: 16px; line-height: 24px;padding: 3px 0 0; }
.contact02 {width: 94%; padding: 50px 3%; }
.pro01_a_con {font-size: 16px;}
.process02 {width: 94%; padding: 50px 3% 70px;}
}
/* 小屏幕（平板，小于等?992px?*/
@media screen and (max-width: 992px){
/*-- 头部èœå?--*/
.head .logo {height: 31px; width: 180px;}
.login_box { width: 20%; }
#header_menu{width: 100%;}
#header_menu ul{width: 100%;display: none;}
#header_menu.align-center > ul, #header_menu.align-right ul ul{text-align: left;}
#header_menu ul li, #header_menu ul ul li, #header_menu ul li:hover > ul > li{width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
#header_menu ul li a, #header_menu ul ul li a{width: 100%;}
#header_menu > ul > li, #header_menu.align-center > ul > li, #header_menu.align-right > ul > li{float: none;display: block;}
#header_menu ul ul li a{padding: 10px 10px 10px 20px;font-size: 12px;color: #fff;background: rgba(0,0,0,0.6);}
#header_menu > ul > li > a{padding: 10px; background: rgba(0,0,0,0.7);}
#header_menu ul ul li:hover > a, #header_menu ul ul li a:hover{color: #FDD965;}
#header_menu ul ul ul li a{padding-left: 40px;}
#header_menu ul ul, #header_menu ul ul ul{position: relative;left: 0;right: auto;width: 100%;margin: 0;}
#header_menu > ul > li.has-sub > a::after, #header_menu ul ul li.has-sub > a::after{display: none;}
#menu-line{display: none;}
#header_menu #menu-button{display: block;padding: 20px;color: #dd1215;cursor: pointer;font-size: 12px;text-transform: uppercase;}
#header_menu #menu-button::after{content: '';position: absolute;top: 20px;right: 20px;display: block;width: 15px;height: 2px;background: #dd1215;}
#header_menu #menu-button::before{content: '';position: absolute;top: 25px;right: 20px;display: block;width: 15px;height: 3px;border-top: 2px solid #dd1215;border-bottom: 2px solid #dd1215;}
#header_menu .submenu-button{position: absolute;z-index: 10;right: 0;top: 0;display: block;height: 34px;width: 52px;cursor: pointer;}
#header_menu .submenu-button::after{content: '';position: absolute;top: 13px;left: 26px;display: block;width: 1px;height: 11px;background: #dd1215;z-index: 99;}
#header_menu .submenu-button::before{content: '';position: absolute;left: 21px;top: 18px;display: block;width: 11px;height: 1px;background: #dd1215;z-index: 99;}
#header_menu .submenu-button.submenu-opened:after{display: none;}
.case_list ul li h3 { font-size: 16px; }
.footer_a1,.footer_a2 { display:block; }
/*-- 内页about --*/
.page_head .head_content #header_menu > ul > li > a { color: #fff; }
.page_head { height: 60px; padding-top: 15px; }
.page_head .logo { margin-top: 10px; margin-left: 2%; }
.p3_one_r { width: 67%;}
.p4_one_r { margin-top: 35px; }
/*-- 内页about 7.13 --*/
.container {width: 100%;max-width: 880px;margin: 0 auto;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;overflow:hidden}
.news {background-color: #1d2732;padding-bottom: 0; width:100%;padding: 45px 0 25px 0;overflow: hidden; margin-bottom:20px; display:none}
.news_z {color: #A7A7A7;float: left;text-align: left;padding: 20px 0 20px;font-size: 14px;width: 100%;border: solid 1px #2C2C2C;margin: 0 5px;background: #212b38;}
/*-- case_list --*/
.c1 { height: 280px; line-height: 280px; font-size:30px }
.con_c3_c_l { display: none; }
.con_c3_c_r { width: 94%; padding: 10px 3% 10px; }
.con_c3_c_r ul li {padding: 3px 2% 3px 2%;}
.con_c3_c_r ul li a { font-size: 12px; width: 65%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con_c3_c_r ul li em {font-size: 12px;}
.con_c3_c_r ul li a:hover { margin-left: 0; }
.con_c6_l { width: 100%;}
.con_c6_r { width: 100%; margin-left: 0;}
.con_c6_r .con_c5_t_r {margin-top: 20px; }
.con_c6_r_a { width: 48%; margin-bottom: 30px; }
.con_c6_r_b { width: 48%; margin-left: 4%; }
.services01_a { padding: 20px 0; }
.ser01_p { width: 100%; height: 420px; }
.ser01_p .ser01_r { margin:0 auto; }
.process01_a { background:url(../images/process01_a_bg_800.png) no-repeat top center;padding-bottom:60px; max-width: 800px; margin:0 auto; }
.pro01_a_con { width: 65%; font-size: 14px; line-height: 20px; padding-top: 10px;}
.pro01_a_l, .pro01_a_r {height: 116px;width: 50%;}
.pro01_a_step05 .pro01_a_con,.pro01_a_step07 .pro01_a_con {padding-top: 5px;}
.pro01_a_step02 { margin-top: 60px;}
.process02_a_p h3 {font-size: 14px;}
.process02_a_p p { font-size: 12px; line-height: 24px; }
}
/* 超小屏幕（手机，小于 768px?*/
@media screen and (max-width: 768px){
/*-- 头部èœå?--*/
.head { height: 43px; padding-top: 0px;}
.head .head_content { height: 43px; }
.login_box { width: 40%; height: 43px;}
.head .logo img { margin:5px 0 0 5px; }
#header_menu #menu-button {padding: 16px 20px;}
#header_menu #menu-button::before {top: 17px;}
#header_menu #menu-button::after {top: 27px;}
#header_menu ul ul{ margin-left: 0px;}
/*-- header --*/
.banner { height: 160px; margin: -80px auto 0; top: 50%;}
.banner p { font-size:14px; line-height: 30px; }
.banner h3 { font-size:18px; line-height: 30px; }
.banner a {width: 100px; height: 30px; line-height: 30px; font-size: 12px;}
/*-- services --*/
.services_txt h3, .contact_txt h3 { font-size: 24px;line-height: 30px; padding:0 0 10px;}
.services_txt h3 span, .contact_txt h3 span { font-size: 18px; }
.services_txt p, .contact_txt p { padding: 0 15px; font-size: 12px; margin: 20px auto 20px; }
.services_list ,.case_list, .customer_list { display: none; }
.list_phone { display: block; position: relative; bottom: -25%;opacity: 0;}
.list_phone .swiper-wrapper .swiper-slide a { color: #fff; }
.list_phone .swiper-wrapper .swiper-slide a h3 { color: #fff; font-size: 14px; line-height: 30px;}
.list_phone .swiper-wrapper .swiper-slide a p {font-size: 12px;line-height: 20px; width: 80%; text-align: center; margin: 0 auto;}
.pagination-a {position: absolute; left: 0;text-align: center;bottom: 20px;width: 100%;}
.list_phone_a { height: 200px;}
.swiper-container-a {height: 200px;}
.swiper-container-b {max-height: 270px; height: auto;}
.list_phone_b .swiper-wrapper .swiper-slide a h3 { color:#000; font-weight: 500; line-height: 45px; }
.list_phone_b .swiper-wrapper .swiper-slide a img { max-width: 80%; max-height: 212px; height: auto; }
.arrow-left { width: 15px; height: 30px; background: url(../images/icon09.png) -2px 0 no-repeat; position: absolute; bottom: 10px; left: 10%;}
.arrow-right { width: 15px;height: 30px; background: url(../images/icon09.png) -28px 0 no-repeat; position: absolute; bottom: 10px; right: 10%;}
.list_phone_c { bottom: 0;overflow: hidden; margin-top: 30px; width: 100%;max-height: 320px;height: auto;}
.swiper-container-c {max-height: 320px;height: auto;}
.pagination-c { position: absolute;left: 0;text-align: center;bottom: 20px;width: 100%;}
.list_phone_c ul { width: 96%;padding: 0 2%; }
.list_phone_c ul li { width: 33.33%; margin-bottom: 25px; float: left;}
.list_phone_c ul li img { width: 94%;height: auto;padding: 0 3%; }
.message { width: 96%; margin:0 2%; }
.message_a { float: left; width: 100%; margin-left: 0;}
.message_a input { padding: 5px 2%; }
.message_a p, .message_b p {font-size: 12px;line-height: 24px;}
.message_a p span, .message_b p span { font-size: 12px; margin-left: 6px; }
.message_b { float: left; width: 100%; margin-right: 0;}
.message_b input { font-size: 12px; width: 100%; padding: 8px 0; }
.message_b textarea { height: 30px; padding: 5px 2%; font-size: 12px;}
.footer_a1,.footer_a2 { display: none; }
.footer_z { width: 96%; margin:15px 2%; padding: 0; }
.footer_z dt { font-size: 14px; margin-bottom: 10px; text-align: center;}
.footer_z dd { text-align: center;}
.footer_a3 dd { line-height: 24px; font-size: 12px;}
.footer_a4 dd img { height: auto;width: 30%; }
.footer_a4 { margin:0 0 15px; }
.footer_b { padding: 15px 2%;width: 96%; font-size: 12px;}
#leftsead{ display: none; }
/*phone footer*/
.footer_c {display: block;position:relative;width: 100%;background: url(../images/c_bg.jpg) repeat center;overflow: hidden;max-width:750px; margin:0 auto;}
.footer_c_nav {display:inline-block; float:left; width:25%; color:#fff;text-align:center; font-size:14px; padding:10% 0 2%; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; border-right:1px solid rgba(235,234,234,0.5); border-left:1px solid rgba(0,0,0,1.0);}
.c_01{background:url(../images/c_01.png) no-repeat center 25%; background-size:25%;border-left:none;}
.c_02{background:url(../images/c_02.png) no-repeat center 25%; background-size:25%;}
.c_03{background:url(../images/c_03.png) no-repeat center 25%; background-size:25%;}
.c_04{background:url(../images/c_04.png) no-repeat center 25%; background-size:25%; border-right:none; }
/*-- 内页about --*/
.page_head { height: 55px; padding-top: 15px; }
.page_head .logo { margin-top: 5px; margin-left: 0; }
#header_menu > ul > li > a { color: #fff; }
.hidden_sm { display: none; }
.hidden_bi { display: block; }
.p_bg_img {width: 100%; height: auto;}
.p_bg_img img {width: 100%; height: auto;}
.p2_one_r { width: 94%; padding:0 3%; margin-top: 25px; }
.p2_one_r_thr {margin-top: 25px;}
.p2_one_r_thr ul li { width: 100%; margin-top: 10px; margin-left: 0%;}
.p2_two_s {width: 94%; padding:0 3%; margin-top: 35px;position: relative; height: 350px; overflow: hidden;}
.p2_two_s_con { height: 350px; }
.p2_two_s_box {width: 80%; margin:0 auto; height: 300px; }
.p2_two_s_box .pic1{width:100%;height:125px;text-align:center; padding-top: 40px;}
.p2_two_s_box .txt1{width:100%;height:100px;color:#fff;}
.p2_two_s_box span.tit{font-size:20px;display:block;text-align:center;}
.p2_two_s_box .txt1 .tit{color:#fffefe;line-height:40px;border-bottom:2px solid rgba(233, 233, 233,0.5);}
.p2_two_s_box p{padding:0 5%;text-align:left;line-height:24px;font-size:18px; margin-top: 10px;}
.pagination-page-a {bottom: 10px;left: 0;position: absolute;text-align: center; width: 100%;}
.pagination-page-a .swiper-pagination-switch {background: #ccc;cursor: pointer;display: inline-block;height: 15px;margin: 0 5px;width: 15px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.pagination-page-a .swiper-active-switch { background-color: #dd1215 }
.p3 {width: 100%;position: relative;background: url(../images/p3_bg.jpg) no-repeat;overflow: hidden;max-height: 487px;background-size: cover;background-attachment: fixed;background-position: center center;}
.p3_one_r { margin-top: 25px;padding: 0 3%;width: 94%;}
.p3_one_r h3 {font-size: 24px;}
.p3_one_r p {font-size: 16px; line-height: 30px; padding-bottom: 30px;}
.p4_one_l { margin-top: 25px;padding: 0 3%;width: 94%; }
.p4_one_l { font-size: 14px;line-height: 30px; }
.p5 {width: 100%;position: relative;background: url(../images/p5_bg.jpg) no-repeat;overflow: hidden;max-height: 740px;background-size: cover;background-attachment: fixed;background-position: center center;}
.p5_one_r { margin-top: 25px;padding: 0 3%;width: 94%;}
.p5_one_r h3 {font-size: 24px;}
.p5_one_r p {font-size: 14px; line-height: 25px; padding-bottom: 30px;}
.p6 {width: 100%; position: relative; background:#fff ;overflow: hidden; max-height: 887px;}
.p6_one_l { margin-top: 25px;padding: 0 3%;width: 94%; }
.p6_one_l { font-size: 14px;line-height: 25px; }
/*-- 内页about 7.13 --*/
.news {background-color: #1d2732;padding-bottom: 0; width:100%;padding: 45px 0 25px 0;overflow: hidden; display:none}
.news_z {color: #A7A7A7;float: left;text-align: left;padding: 20px 0 20px;font-size: 14px;width: 100%;border: solid 1px #2C2C2C;margin: 0 5px;background: #212b38;}
/*.container {width: 94%;margin: 0 auto;padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;overflow:hidden}
.row {margin-right: 0px;margin-left: 0px;}
.news .news_con{width: 100%; float:left;position: relative;min-height: 1px;overflow:hidden;padding-left: 0;margin-bottom: 20px;}
.news h3 {font-size: 16px;font-weight: bold;color: #000;padding: 0 0 30px 0;margin: 0;}
.news h3 span{ width:60px; text-align:center; float:right;font-size: 12px;}
.news h3 span a{color: #69c;text-decoration: none;}
.news h3 span a:hover{ color:#FA751C}
.news ul li {line-height: 28px;}
.news ul li a {color: #666;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;float: left;}
.news ul li a:hover {
color: #69c;
}
.news ul li small {color: #999;padding-right: 15px;}
.pull-right {float: right!important;}
small, .small {font-size: 85%;}*/
/*-- case_list --*/
.c1 { height: 200px; line-height: 35px; font-size:20px;}
.c1 p { margin-top: 60px; padding: 0 10%; }
.c2 {padding-top: 30px; padding-bottom: 20px;}
.c2_case_list ul { padding-left: 2%; }
.c2_case_list ul li { width: 48%; }
.c2_c_l_title { background: #fff; color: #343434; font-size: 14px; text-align: center; line-height: 30px;height: 30px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con_c2 ul li { width: 32%; padding:5px 0; }
.con_c2 ul li a { font-size: 16px; }
.con_c3_t_l em {font-size:16px; margin-left: 10px;}
.con_c3_t_l span {font-size:12px; margin-left: 10px;}
.con_c3_t_r a { font-size: 14px; }
.con_c5_t_l { width: 100%; border-bottom: none; }
.con_c5_t_r { width: 100%; margin-left: 0}
.con_c5_c_a { width: 100%; margin-right: 0 }
.con_c6 {padding-top:25px;}
.con_c6_l_sx {margin-bottom: 20px;}
.con_c6_l_sx a { margin-bottom: 10px; }
.con_c6_r_a { width: 100%; }
.con_c6_r_b { width: 100%; margin-left: 0; margin-bottom: 30px;}
.contact01 {padding: 30px 0;}
.contact01_con { background: url(../images/contact_con_bg_320.png) center no-repeat; height: 192px; padding-top: 20px;}
.contact01_center { width: 200px; height: 190px;padding: 5px 0; }
.contact01_center p { font-size: 12px; line-height: 18px;padding: 3px 0 0; }
.contact02 { background: none; }
.contact02_l { width: 99%;border: solid 3px #777;}
.contact02_r { width: 100%;padding:0; margin-top: 25px; }
.contact02_r p { color: #414141; }
.contact02_r input {height: 45px;border: none;width: 100%;background: #D6D6D6;color: #222;text-indent: 15px;margin-bottom: 6px;font-size: 18px;}
.contact02_r textarea {width: 100%;height: 105px;background: #D6D6D6;color: #222;text-indent: 15px;padding-top: 10px;font-size: 18px;}
.services01 { padding: 30px 0; }
.services01_a { margin-top: 0; background-image: none; width: 94%;padding: 20px 3%; }
.ser01_r {width: 94%; max-width: 390px; min-height: 390px; padding:10px 3%; height: auto;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.ser01_a .ser01_r {background:url(../images/services01_a_s.jpg) no-repeat center;}
.ser01_b .ser01_r {background:url(../images/services01_b_s.jpg) no-repeat center;}
.ser01_c .ser01_r {background:url(../images/services01_c_s.jpg) no-repeat center;}
.ser01_d .ser01_r {background:url(../images/services01_d_s.jpg) no-repeat center;}
.ser01_p .ser01_r h4 { line-height: 30px; }
.ser01_r p { padding-bottom: 10px; }
.ser01_p .ser01_r ul li { padding-left: 35% }
.ser01_p .ser01_r:hover { background-color:transparent; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }
.process01 .page_title { padding: 25px 0;}
.process01_a { background: none; padding-bottom: 25px}
.pro01_a_l,.pro01_a_r {float: left; width: 100%; height: 140px;}
.pro01_a_step02 {margin-top: 0;background: #65aab3}
.pro01_a_step01{ background: #ebac43} .pro01_a_step03{ background: #ffdcc7} .pro01_a_step04{ background: #59737b} .pro01_a_step05{ background: #ebab42} .pro01_a_step06{ background: #64a8b1} .pro01_a_step07{ background: #ffe7b6}
.pro01_a_l .pro01_a_con,.pro01_a_r .pro01_a_con { margin:0; padding:20px 3%; width: 94%; font-size: 16px; line-height: 24px;}
.pro01_a_step05 .pro01_a_con {padding:10px 3%;}
.process02 { background: none; width: 90%; padding: 5%; }
.process02_a {margin-top: 35px;}
.process02_a_p { width: 80%; padding:50px 10% 0; margin-right:0;margin-bottom:25px;}
.process02_a_p h3 {font-size: 16px;}
.process02_a_p p { font-size: 14px; line-height: 30px;}
}